<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery基础</title>
</head>
<body>


<input type="text" id="username" value="test"/>


<div id="box">
    hello
</div>
</body>
<script src="../lib/jquery.js"></script>
<script>


    // 选择器.action
    // 基本选择器 ： id选择器  , 类选择器，标签选择器

    /**
     * 1. jquery:取值和赋值
     * */
    var username = $('#username').val();
    $('#username').val("test00067");

    var content = $('#box').text();
    $('#box').text('hello world');

    $('#box').html('<h1>大标题</h1>');
    console.log(content);
    //  console.log(username);


    /**
     *  2. jquery:ajax
     * */

    $.ajax({
        url: '../mock/user.json',
        method: 'get',
        dataType: 'json',
        success: function (data) { // 回调函数
            console.log(data);
        }
    })


    /**
     *  3.数组操作
     * */

    var arr = [1, 3, 89, 24];
    var current = arr.find(function (item) { //按照规则遍历数组，把满足规则的数据取出来
        return item > 30; // 过滤规则
    })

    var users = [
        {
            "username": "admin",
            "password": "123"
        }, //对象1
        {
            "username": "test",
            "password": "test"
        } // 对象2
    ]

    console.log(users[1].username) ;
  var user=  users.find(function (item) { //如果所有都不满足，就返回null
      //  return item.username == 'admin' && item.password =='1234';

      return item.username ==$('#username').val() && item.password =='1234';
    })

    if(user){
        alert('找到了！');
    }else{
        alert('找不到！');
    }

</script>

</html>
